﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 8]> <html lang="zh-CN" class="ie8"> <![endif]-->
<html xmlns="http://www.w3.org/1999/xhtml">
	<html lang="zh-CN">

	<head>
		<meta charset="utf-8" />
		<title>{$type_info['label']|default='全部商品'}_{$store_info.title}</title>

		<meta name="Keywords" content="{$type_info['label']},{$store_info.keywords}" />
		<meta name="Description" content="{$type_info['label']},{$store_info.keywords}" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
		<meta name="format-detection" content="telephone=no">
		<tc_include file="Public:head" />
		<style type="text/css">
			input::-webkit-outer-spin-button,
			input::-webkit-inner-spin-button {
			  -webkit-appearance: none;
			}
			input[type="number"]{
			  -moz-appearance: textfield;
			}
			.u-flyer{display: block;width: 50px;height: 50px;border-radius: 50px;position: fixed;z-index: 9999;} 
			
		</style>
			<link rel="stylesheet" type="text/css" href="/themes/wnsc/Home/Store/template/demo/css/shop_index.css" />
	</head>

	<body class="pace-done">
		
		<tc_include file="Public:nav_store" />
		<php>
			$tree=sp_get_store_menu_tree($_GET['id']);
		</php>
		<div class="layout" >
			<div class="shop-header-banner">
				<img src="{$store_template_info.banner}">
			</div>
			<div class="shop-menu">
				<div class="shop-menu-box">
					<ul class="shop-menu-left">
						<li>
							<a href="{:U('store/index',array('id'=>$_GET['id']))}" target="">首页</a>
						</li>
						<li class="all-category">
							<a href="{:U('store/index',array('id'=>$_GET['id']))}" target="">
								全部分类
								<span class="arrow"></span>
							</a>
							<div class="all-category-coupon" style="display: none;">
								<!-- 获取店铺内商品分类 -->
								<dl>
									<dt>
										<a href="{:U('store/type',array('id'=>$_GET['id'],'shop_id'=>0))}" target="_blank">全部商品 &gt;</a>
									</dt>
									<dd>
										<ul></ul>
									</dd>
								</dl>
								<foreach name="tree" item="vo">
									<dl>
										<dt>
										<a href="{:U('store/type',array('id'=>$_GET['id'],'shop_id'=>$vo['id']))}" target="_blank">{$vo.label} &gt;</a>
									</dt>
										<dd>
											<ul>
												<foreach name="vo['child']" item="v">
													<li>
														<a href="{:U('store/type',array('id'=>$_GET['id'],'shop_id'=>$v['id']))}" target="_blank">{$v.label}</a>
													</li>
												</foreach>

											</ul>
										</dd>
									</dl>
								</foreach>

							</div>
						</li>
						<!-- 获取店铺导航 -->
					</ul>
					<ul class="shop-menu-right">
						<foreach name="tree" item="vo">
							<li class="shop-nav">
								<a href="{:U('store/type',array('id'=>$_GET['id'],'shop_id'=>$vo['id']))}">{$vo.label}</a>
							</li>
						</foreach>

					</ul>
				</div>
			</div>
		</div>
		<!-- 缓载图片 -->
		<div class="blank"></div>
		<div class="w1210">
			<!--当前位置，面包屑-->
			<div class="blank15"></div>
			<div class="content-wrap category-wrap clearfix">
				<!--左侧内容-->
				<div class="aside">

					<div class="aside-inner">
						<div class="fl">
			<div class="store-category">
				<h3 class="left-title">店内分类</h3>
				<div class="left-content tree">
					<ul>
												
												
						<li class="parent_li">
							<span>
								<i class="icon-minus-sign"></i>
							</span>
							<a href="{:U('store/type',array('id'=>$_GET['id'],'shop_id'=>0))}" target="_self" title="全部商品" class="tree-first">全部商品</a>
							<ul>
								
							</ul>
						</li>
						<foreach name="tree" item="vo">
								
							<li class="parent_li">
								<span>
									<i class="icon-minus-sign"></i>
								</span>
								<a href="{:U('store/type',array('id'=>$_GET['id'],'shop_id'=>$vo['id']))}" target="_self" title="缤纷凉鞋缤纷凉鞋" class="tree-first">{$vo.label}</a>
								<ul>
									<foreach name="vo['child']" item="v">
									<li  style="display: list-item;" <eq name="v['id']" value="$_GET['shop_id']">class="curr"</eq>>
										<span>
											<i class="arrow"></i>
										</span>
										<a href="{:U('store/type',array('id'=>$_GET['id'],'shop_id'=>$v['id']))}" target="_self" title="">{$v.label}</a>
									</li>
									</foreach>
								</ul>
							</li>
						</foreach>
						
					</ul>
				</div>
			</div>
		</div>


					</div>
				</div>
				<!--右侧内容-->
				<div class="main ">
					<div class="" id="filter">
						<!--排序-->
						<form method="GET" name="listform" action="">
							<div class="fore1">
								<dl class="order">

									<dd class="first <eq name='order' value='0'> curr</eq>">
										<a href="{:U('Store/type',array('id'=>$_GET['id'],'shop_id'=>$_GET['shop_id'],'order'=>0))}" >综合<b class="icon-order-DESCending"></b></a>
									</dd>
									<dd class="<eq name='order' value='1'> curr</eq>">
										<a href="{:U('Store/type',array('id'=>$_GET['id'],'shop_id'=>$_GET['shop_id'],'order'=>1))}" >销量<b class="icon-order-DESCending"></b></a>
									</dd>
									<dd class="<eq name='order' value='2'> curr</eq>">
										<a href="{:U('Store/type',array('id'=>$_GET['id'],'shop_id'=>$_GET['shop_id'],'order'=>2))}" >价格<b class="icon-order-DESCending"></b></a>
									</dd>
									

								</dl>
								<div class="pagin">
									<php>
										if($_GET['p']==null){
											$_GET['p']=1;
										}
										$next_p=$_GET['p']+1;
										$prve_p=$_GET['p']-1;
									</php>
									<php>if($prve_p>0){</php>
										<a class="prev" href="{:U('Store/type',array('id'=>$_GET['id'],'shop_id'=>$_GET['shop_id'],'p'=>$prve_p))}">
											<span class="icon prev-disabled"></span>
										</a>
									<php>}else{</php>
										<a class="prev disabled" href="javascript:;">
											<span class="icon prev-disabled"></span>
										</a>
									<php>}</php>
									
								

									<span class="text"><font class="color">{$_GET['p']}</font>/{$count_page}</span>
									<php>if($_GET['p']>=$count_page){</php>
										<a class="next disabled" href="javascript:;">
											<span class="icon next-disabled"></span>
										</a>
									<php>}else{</php>
										<a class="next" href="{:U('Store/type',array('id'=>$_GET['id'],'shop_id'=>$_GET['shop_id'],'p'=>$next_p))}">
											<span class="icon next-disabled"></span>
										</a>
									<php>}</php>
									

								</div>
								<div class="total">
									共
									<span class="color">{$count}</span> 个商品
								</div>
							</div>

						</form>
					</div>
					<!--主体商品内容展示-->

					<form name="compareForm" action="compare.php" method="post" onsubmit="" id="table_list">

						<ul class="list-grid clearfix">
							<foreach name="shop_list" item="vo" key="k">
							<!-- 如果是4的整数倍，给 li 标签添加class="last"值，即class="item last" -->
						<php> if(($k+1)%4==0){</php>
							<li class="item last">
						<php>}else{</php>
							<li class="item ">
						<php>}</php>
							<div class="item-con">
									<php> if($vo['num']==0){</php>
									<a href="{:U('shop/index',array('id'=>$vo['id']))}" class="sell-out"></a>
									<php> }</php>
									<div class="item-pic">
										<a href="{:U('shop/index',array('id'=>$vo['id']))}" title="{$vo['title']}" target="_blank" >
											<img class="lazy" alt="" src="{$vo['image']}"  />
										</a>
									</div>

									<!-- 展示形式 -->
									<div class="img-scroll">
										<a href="javascript:;" class="img-prev">&lt;</a>
										<a href="javascript:;" class="img-next">&gt;</a>
										<div class="img-wrap">
											<ul class="img-main" style="left: 0px;">
												<php>if($vo['shop_sku']['SKU_Style']==null){</php>
													<li class="img-item">
														<a href="javascript:;" title="">
															<img class="lazy" width="25" height="25" alt="{$vo['title']}" src="{$vo['image']}"  data-src="{$vo['image']}" />
														</a>
													</li>
												<php>}</php>
												<foreach name="vo['shop_sku']['SKU_Style']" item="v" >	
													<li class="img-item">
														<a href="javascript:;" title="">
															<img class="lazy" width="25" height="25" alt="{$v.defaultValue}" src="{$v.SKU_ThumbImg}"  data-src="{$v.SKU_ThumbImg_M}" />
														</a>
													</li>
												</foreach>
											</ul>
										</div>
									</div>

									<div class="item-info">
										<div class="item-price">
											<em class="sale-price second-color">￥{$vo['price']}</em>

											<em class="sale-count">已售{$vo['sale_num']}件</em>

										</div>
										<div class="item-name">
											<a href="{:U('shop/index',array('id'=>$vo['id']))}" target="_blank" title="{$vo['title']}">{$vo['title']}</a>
										</div>
										<div class="item-con-info">
											<div class="fl">
												<div class="item-operate">
													<a href="javascript:;" onClick="toggleGoods('83',162,this)" class="operate-btn collet-btn goods-collect" data-goods-id="83">
														<i></i>
														<span> 收藏 </span>
													</a>
													<a href="javascript:;" target="_blank" class="operate-btn comment-btn">
														<i></i> 0
													</a>
												</div>
												<div class="item-shop">
													<a href="{:U('store/index',array('id'=>$vo['store_id']))}" target="_blank" title="{$vo['store_title']}">
														<span>{$store_info['title']}</span>
													</a>
												</div>
											</div>
											<div class="fr">
												<div class="item-add-cart">

													<a href="javascript:void(0);" class="add-cart <php> if($vo['num']==0){</php>sell-out-btn <php> }</php>"  data-goods-id="{$vo['id']}"   data-image-url="{$vo['image']}" data-buy-enable="{$vo['num']}"<php> if($vo['num']!=0){</php>style="background-image: url(__TMPL__Home/List/images/add-cart.jpg)"<php> }</php> title="加入购物车"></a>

												</div>
											</div>
										</div>
									</div>

								</div>
							</li>
							</foreach>

						</ul>
						<style>
						.page-num a{ float: left;text-align: center;border: 1px solid #eee;height: 35px;line-height: 35px;}
						.page-num span{float: left; text-align: center; height: 37px; line-height: 37px; width: 37px;  background: red; color: #fff;}
						</style>
						<!--分页-->
						<div class="pull-right page-box">

							<div id="pagination" class="page">

								<div class="page-wrap fr">
									<div class="total">共{$count}条记录</div>
								</div>
								<div class="page-num fr">
									{$page}
								</div>
							</div>

						</div>

					</form>

					<!--对比栏-->
				</div>
			</div>
			<!--历史记录和猜你喜欢-->


		</div>
		<tc_include file="Public:footer" />
		<tc_include file="Public:right" />
		<script type="text/javascript" src="__TMPL__Home/List/js/cart.js"></script>
		<script type="text/javascript">
			$(function(){
				//店铺评分鼠标经过事件
				$(".shop-info").hover(function() {
					$('.extra-info').toggleClass('active');
				});
				//店铺全部分类鼠标经过事件
				$(".all-category").hover(function() {
					$(this).find('.all-category-coupon').show();
				}, function() {
					$(this).find('.all-category-coupon').hide();
				});
					//左侧分类树点击展开收缩效果
				$('.tree li:has(ul)').addClass('parent_li');
			    $('.tree li.parent_li > span').on('click', function (e) {
			        var children = $(this).parent('li.parent_li').find(' > ul > li');
			        if (children.is(":visible")) {
			            children.hide('fast');
			            $(this).find(' > i').addClass('icon-plus-sign').removeClass('icon-minus-sign');
			        } else {
			            children.show('fast');
			            $(this).find(' > i').addClass('icon-minus-sign').removeClass('icon-plus-sign');
			        }
			        e.stopPropagation();
			    });
			})
		</script>
	</body>

	</html>